<template>
	<view class="list">
        <view class="uni-triplex-row ">
            <view class="uni-triplex-left">
            	<view class="uni-flex uni-row">
			        <view class="flex-item">
			        	<image :src="obj.img" class="titleimg" />
			        </view>
			        <view class="flex-item">
			        	<text class="uni-title uni-ellipsis">
		                	{{obj.title}}
		                </text>
			        </view>
			    </view>
            </view>
            <view class="uni-triplex-right">
                <text class="uni-h5">更多</text>
            </view>
        </view>

        <view class="articlelist" v-for="(item, index) in obj.articlelist">
        	{{item.title}}
        </view>
        

        <!-- <view class="line"></view> -->
    </view>
</template>
<script>

// import http from '../../../common/http';
// import util from '../../../common/util';

import { mapGetters } from 'vuex'

export default {
	name : 'page-head',
	data() {
		return {

			
		}
	},
	computed : {
		...mapGetters([
      	]),
	},

	onLoad() {

		
	},
	
	methods: {

	},

	props: {
		/* 
			{
				title : '1245',
				img : '111',
				articlelist : [
					{title : '1111', id : '1'},
					{title : '2222', id : '2'},
					{title : '3333', id : '3'},
				],
			}


		 */
		obj: {
			type: Object,
			default: {},
		}
	}

}
</script>

<style scope>
.list {
	background: #fff;
}

.title {
	float: left;
}

.titleimg {
	width: 50upx;
	height: 50upx;
	margin-right: 20upx;
}

.articlelist {
	padding: 0 40upx 10upx;
}

.line {
	width: 90%;
	background: #ccc;
	height: 1upx;
	margin-left: 5%;
}
</style>
